<title>引用</title>

<div class="page animation-fade">
    <div class="page-header">
        <h1 class="page-title">引用</h1>
        <div class="page-header-actions">
            <form>
                <div class="input-search input-search-dark">
                    <i class="input-search-icon wb-search" aria-hidden="true"></i>
                    <input type="text" class="form-control" name="" placeholder="搜索...">
                </div>
            </form>
        </div>
    </div>
    <div class="page-content">
        <div class="panel">
            <div class="panel-body container-fluid">
                <div class="row row-lg">
                    <div class="col-lg-6">

                        <div class="example-wrap">
                            <h4 class="example-title">默认</h4>
                            <p><code>&lt;blockquote&gt;</code> 中可以使用任意HTML，推荐使用 <code>&lt;p&gt;</code> 。</p>
                            <div class="example">
                                <blockquote>
                                    <p>风吹柳花满店香，吴姬压酒劝客尝。</p>
                                </blockquote>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-6">

                        <div class="example-wrap">
                            <h4 class="example-title">署名</h4>
                            <p>添加 <code>&lt;footer&gt;</code> 标签，其中也可包含 <code>&lt;cite&gt;</code> 标签。</p>
                            <div class="example">
                                <blockquote>
                                    <p>风吹柳花满店香，吴姬压酒劝客尝。</p>
                                    <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                    </footer>
                                </blockquote>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row row-lg">
                    <div class="col-lg-6">

                        <div class="example-wrap">
                            <h4 class="example-title">右对齐</h4>
                            <p>添加 <code>.blockquote-reverse</code> 类来实现内容右对齐。 </p>
                            <div class="example">
                                <blockquote class="blockquote-reverse">
                                    <p>风吹柳花满店香，吴姬压酒劝客尝。</p>
                                    <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                    </footer>
                                </blockquote>
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-6">

                        <div class="example-wrap">
                            <h4 class="example-title">引号</h4>
                            <p>添加 <code>.cover-quote</code> 类来实现。 </p>
                            <div class="example">
                                <blockquote class="cover-quote">
                                    风吹柳花满店香，吴姬压酒劝客尝。
                                    <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                    </footer>
                                </blockquote>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="row row-lg">
                    <div class="col-sm-12">

                        <div class="example-wrap">
                            <h4 class="example-title">样式</h4>
                            <div class="row row-lg">
                                <div class="col-sm-6">
                                    <div class="example">
                                        <blockquote class="blockquote blockquote-success">
                                            <p>风吹柳花满店香，吴姬压酒劝客尝。 </p>
                                            <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                            </footer>
                                        </blockquote>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="example">
                                        <blockquote class="blockquote blockquote-info">
                                            <p>风吹柳花满店香，吴姬压酒劝客尝。 </p>
                                            <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                            </footer>
                                        </blockquote>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="example">
                                        <blockquote class="blockquote blockquote-warning">
                                            <p>风吹柳花满店香，吴姬压酒劝客尝。 </p>
                                            <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                            </footer>
                                        </blockquote>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="example">
                                        <blockquote class="blockquote blockquote-danger">
                                            <p>风吹柳花满店香，吴姬压酒劝客尝。 </p>
                                            <footer>李白 <cite title="《金陵酒肆留别》">《金陵酒肆留别》</cite>
                                            </footer>
                                        </blockquote>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>